<template>
  <div v-for="item, index in props.Arr" :key="index" class="video">
    <img :src="item.Video.videoCover" @click="dian">
  </div>
</template>

<script setup>
// import { defineAsyncComponent } from 'vue'
// const Async_love_icon = defineAsyncComponent(() => import('../common/icon/love-icon.vue'))
const props = defineProps({
  Arr: {
    type: Array
  }
})
const emit = defineEmits(['dian'])
// 回车提交
function dian() {
  emit('dian')
}
</script>

<style lang="scss" scoped>
.video {
  flex: 1;
  width: calc((99%) / 3); //  = (分布个数3-1)*间隙5px, 可以根据实际的分布个数和间隙区调整
  min-width: calc((99%) / 3); // 加入min-width、max-width后每个child的宽度就生效了
  max-width: calc((99%) / 3);
  height: 160px;
  // background-color: #fff;
  margin-bottom: 2px;
  margin-right: 1px;

  img {
    width: 100%;
    height: 160px;
  }
}
</style>